<!DOCTYPE html>
<html>
	<head>
		<title>Register</title>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="css/style.css" >
	</head>
	<body>
		<div id="wrapper">
			<div id="header">
				<div id="menu" class="clearfix">
					<ul>
						<li><a href="home.html">Home</a></li>
						<li><a href="../game/index.html">Play</a></li>
						<li><a href="how-to-play.html">How to Play</a></li>
						<li><a href="high-score.html">High Score</a></li>
						<li><a href="login.html">Profile</a></li>
					</ul>
				</div>
				<ul id="menu-link" class="clearfix hidden-menu">
					<li>
						<a href="#">Menu</a>
						<ul id="hidden-links">
							<li><a href="index.html">Home</a></li>
							<li><a href="../game/index.html">Play</a></li>
							<li><a href="how-to-play.html">How to Play</a></li>
							<li><a href="high-score.html">High Score</a></li>
							<li><a href="login.html">Profile</a></li>
						</ul>
					</li>
				</ul>	
				<div id="logo">
					<a href="#"><img src="images/logo.png"></a>
				</div>								
			</div>
				
			<div id="content">
				<fieldset>
					<form name="form" id="form" method="post" enctype="multipart/form-data">
						
						<input type="email" id="email" name="email" required="required" 
							placeholder="Email" autocomplete="on" autofocus="autofocus">
						<div class="errors" id="errors_email"></div>
						
						<input type="text" id="username" name="username" required="required" 
							placeholder="Username" autocomplete="on">
						<div class="errors" id="errors_username"></div>
						
						<input type="password" id="password" name="password" required="required" 
							placeholder="Password">
						<div class="errors" id="errors_password"></div>
						
						<input type="password" id="password_repeat" name="password_repeat" required="required" 
							placeholder="Password repeat">
						<div class="errors" id="errors_password_repeat"></div>
						
						<input type="submit" id="submit" name="submit" value="Register">
						
					</form>
				</fieldset>
			</div>
			
			<div id="footer">
			<ul>
				<li>The Spriters Resource: http://www.spriters-resource.com/</li>
				<li>Open Game Art: http://opengameart.org/</li>
			</ul>
		</div>	
		</div>
	</body>
	<script type="text/javascript" src="ajax/jquery-2.1.3.js"></script>
	<script type="text/javascript" src="ajax/register.js"></script>
</html>